<template>
	<view class="content">
		<view class="top-content">
			<!-- <image class="canzheng-bgc" src="../../static/images/zhishuo/canzheng-bgc.png"></image> -->
			<customNavbar title="祖统工作"></customNavbar>
			<view class="top-info">
				<view class="top-big-title">祖统工作信息</view>
				<view class="canzheng-area-content">
					<view class="canzheng-area">地区 高新四支部</view>
					<view class="canzheng-year">时间 {{timeYear}}年</view>
				</view>
			</view>
	<!-- 		<view class="selectCom">
				<uni-data-select v-model="selectYear" :localdata="rangeYear" @change="change" :clear="false">
				</uni-data-select>
			</view> -->
		</view>
		<view class="detail-content">
			<view class="detail-top">
				<view class="name">{{toDetailInfo.key}}</view>
				<view class="score">参加次数 {{toDetailInfo.value.count}}</view>
			</view>
			<view class="detail-list" v-for="item in toDetailInfo.value.details.ztgzs" :key="item">
				<view class="detail-list-type">标题：{{item}}</view>
				
				
			</view>
			<view  v-if="hasAdmin" class="defen">得分：{{toDetailInfo.value.score}}</view>
			<!-- <view class="xuxian"></view> -->
		</view>
	</view>
</template>

<script>
	import customNavbar from '../../components/customNavbar/customNavbar.vue'

	export default {
		components: {
			customNavbar
		},
		data() {
			return {
				selectYear: 0,
				rangeYear: [{
						value: 0,
						text: "2019年"
					},
					{
						value: 1,
						text: "2020年"
					},
					{
						value: 2,
						text: "2021年"
					},
				],
				toDetailInfo:'',
				timeYear: '',
					hasAdmin: uni.getStorageSync('hasAdmin')
			}
		},
		onLoad (option) {
				this.timeYear = option.year;
				this.toDetailInfo = JSON.parse(decodeURIComponent(option.detailInfo));
			
			},
		methods: {

		},
	
	}
</script>

<style lang="scss" scoped>
	::v-deep .uni-select {
		height: 50rpx;
		border: 0;
	}

	::v-deep .uni-select__input-placeholder {
		color: #fff;
	}

	::v-deep .uni-select__input-text {
		color: #fff;
	}

	.content {
		height: 100%;
		width: 100%;
		background-color: #F9F9F9;

		.top-content {
			background-image: url('');
			width: 100%;
			height: vw(420);
			background-size: cover;

			.top-info {
				padding: 8px 0px 0px 18px;

				.top-big-title {
				font-size: 32px;
				font-weight: bold;
					text-align: left;
					color: #ffffff;
				}

				.canzheng-area-content {
					display: flex;
	margin-top: vw(20);
					.canzheng-area {
						font-size: 12px;
						font-family: PingFang SC, PingFang SC-Regular;
						font-weight: Regular;
						text-align: left;
						color: #ffffff;
						margin-right: 40rpx;

					}

					.canzheng-year {
						font-size: 12px;
						font-family: PingFang SC, PingFang SC-Regular;
						font-weight: Regular;
						text-align: left;
						color: #ffffff;
					}
				}
			}

			.selectCom {
				width: 75px;
				background: rgba(255, 255, 255, 0.30);
				border-radius: 2px;
				margin: vw(20) 0px 0px 16px;
			}

			.canzheng-renshuzongshu {
				width: 100%;
				display: flex;
				justify-content: space-evenly;
				margin-top: 30rpx;

				.canzheng-zongrenshu {
					width: 166px;
					height: 80px;
					background-image: url('');
					border-radius: 8px;
					padding: 13px 0px 0px 15px;
					box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.03);

					.canzhengyizheng-num {

						font-size: 22px;
						font-family: DIN Alternate Bold;
						font-weight: Bold;
						text-align: left;
						color: #3771eb;
						margin-bottom: 6px;
					}

					.canzheng-top-title {

						font-size: vw(28);
						font-weight: Regular;
						text-align: left;
						color: #333333;

					}

				}

				.canzhneg-pishizongshu {
					width: 166px;
					height: 80px;
					background-image: url('');
					border-radius: 8px;
					padding: 13px 0px 0px 15px;
					box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.03);

					.beipishi-num {
						font-size: 22px;
						font-family: DIN Alternate Bold;
						font-weight: Bold;
						text-align: left;
						color: #3771eb;
						margin-bottom: 6px;
					}

					.beipishi-top-title {
						font-size: vw(28);
						font-weight: Regular;
						text-align: left;
						color: #333333;
					}
				}
			}


		}

		.detail-content {
			width: 343px;
			background-color: #ffffff;
			margin: 0 auto vw(20);

			.detail-top {
				width: 343px;
				height: 40px;
				background-size: cover;

				background-image: url('');
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 20px auto vw(20);

				.name {

					font-size: vw(28);
					font-family: PingFang SC, PingFang SC-Semibold;
					font-weight: bold;
					text-align: left;
					color: #3397ff;
					margin-left: 34px;

				}

				.score {
					font-size: vw(28);
					font-family: PingFang SC, PingFang SC-Semibold;
					font-weight: bold;
					text-align: left;
					color: #3397ff;
					margin-right: vw(20);

				}
			}

			.detail-list {
				line-height: 2;
				padding: 0px vw(20) 0px vw(20);
				.detail-list-type {
					font-size: vw(28);
					font-family: PingFang SC, PingFang SC-Semibold;
					font-weight: bold;
					text-align: left;
					color: #333333;
		
				}

				.zhuti {

					font-size: vw(28);
					font-family: PingFang SC, PingFang SC-Semibold;
					font-weight: bold;
					text-align: left;
					color: #333333;
	
				}

			
			}
			.defen {
			
				font-size: vw(28);
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: Regular;
				text-align: left;
				color: #666666;
				padding: 5px 0px 5px 12px;
			
			}
			
		.xuxian {
			width: 100%;
			height: vw(2);
			border: 1px dashed #d6efff;
			margin: vw(20) vw(0);
		}
		}

	}
</style>
